<template>
	<div class="home-special">
		<ItemHeader linkUrl="/special" title="精选专题"/>
		<div class="home-special-list">
			<div class="home-special-wrapper clear-float">
				<SpecialItem v-for="item in showSpecialList" :key="item.id" :specialItem="item"/>
			</div>
		</div>
	</div>
</template>

<script>
	import ItemHeader from '#/Public/ItemHeader';
	import SpecialItem from './SpecialItem';

	export default {
		name: "Special",
		props: {
			specialList: {
				type: Array,
				default: []
			}
		},
		computed: {
			showSpecialList() {
				let list = [...this.specialList];
				list.splice(3);
				return list;
			}
		},
		components: {
			ItemHeader,
			SpecialItem
		}
	}
</script>
